body{margin: 0px; padding: 0px; line-height: 22px; font-size: 14px; font-family: "微软雅黑"; color: #333; background: #111;}
ul,ol,li,dd,dt,dl{margin: 0px; padding: 0px; list-style: none;}
a{color: #333; text-decoration: none;}
a:hover{color: #333;}
img{border: none;}

.wap{max-width: 1000px; margin: auto; overflow: hidden;}
.header{background: #0f0f0f; padding:10px 2%; line-height: 30px; text-align: center; font-size: 16px; color: #fff; overflow: hidden;}
.header span{float: left; font-family: "宋体"; font-size: 26px; font-weight: bold;}
.header a{float: right; color: #fff; font-size: 12px;}

.wallet{margin: 15px 3% 0 3%; background: #2f62ff; border-radius: 8px; text-align: center; padding: 10px; color: #fff; overflow: hidden;}
.wallet dl{float: right;}
.wallet dl a{color: #fff; font-size: 14px;}
.wallet dd{font-size: 12px; clear: both;}
.wallet dd b{display: block; font-size: 20px; margin-top: 5px;}
.wallet span{display: block; margin-top: 10px; text-align: center;}
.wallet span a{color: #fff;}

.money{margin-top: 15px; overflow: hidden;}
.money .tt{background: #111;color:#fff; line-height: 40px; padding: 0 2%; overflow: hidden;}
.money ul{padding-bottom:6px; overflow: hidden;}
.money ul li{float: left; width: 28%; margin: 15px 0 0 4%;border-radius:5px; height: 52px; text-align: center; font-size: 12px; background: #fff; line-height: 50px; box-shadow: 0 0 3px #2f62ff;}
.money ul li a{display: block; color: #2f62ff;}
.money ul li b{font-size: 18px;}
.money ul li span{display: block; color: #666;}
.money ul li input{border: 0px; padding: 0px; margin: 0px; height: 50px; width: 100%; outline: none; text-align: center;}

.pay{margin-top: 15px; overflow: hidden;}
.pay .tt{background: #111;color:#fff; line-height: 40px; padding: 0 2%; overflow: hidden;}
.pay label{display: block; border-radius: 5px; background: #222;color:#fff; padding: 0 2%; margin: 10px 4% 0 4%; clear: both; height: 40px; line-height: 40px;}
.pay label input{float: right; margin-top: 15px;}

.confirm{margin: 15px 4% 0 4%; overflow: hidden;}
.confirm input{background: #2f62ff; border: none; border-radius: 5px; height: 40px; color: #fff; cursor: pointer; width: 100%;}

.red_top{background: #d95940;}
.redlist{min-width:300px;overflow: hidden;}
.redlist .tt{background: #fff; line-height: 40px; padding: 0 2%; overflow: hidden;}
.redlist ul{padding: 0 2%; overflow: hidden;}
.redlist ul li{margin-top: 15px; overflow: hidden;}
.redlist ul li span{display: block; float: left; overflow: hidden;}
.redlist ul li span img{display: block; width: 50px; height: 50px; border-radius: 50%;}
.redlist ul li dl{width:80%; float: left;}
.redlist ul li dl h4{margin: 0px; padding: 0px 0 0 5px; color: #555; font-size: 12px; font-weight: 100; clear: both;}
.redlist ul li dl dd{clear: both; display: block; background: url(../img/m01.png) no-repeat left top 10px; padding:0 2px 2px 9px;}
.redlist ul li dl dd .k{background: #fe970a; display: block; border-radius:3px 3px 0 0; padding:10px 3%; overflow: hidden;}
.redlist ul li dl dd .k img{display: block; float: left; width: 15%;}
.redlist ul li dl dd .k .wen{float: left; font-size: 12px; color: #fff; padding-left:5%; width: 80%;}
.redlist ul li dl dd .k .wen b{display: block; font-weight: 100; font-size: 14px; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
.redlist ul li dl dd .n{background: #fff; box-shadow: 1px 1px 2px #dedede; padding:5px 10px; border-radius: 0 0 5px 5px; font-size: 12px; color: #999;}

.img-replace {
  /* replace text with an image */
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  color: transparent;
  white-space: nowrap;
}
.cd-popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(94, 110, 141, 0.8);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.cd-popup.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup-container {
  position: relative;
  width: 90%;
  max-width: 400px;
  margin: 10em auto;
  background:url(../images/m03.png) no-repeat bottom #d95940;
  background-size:100%;
  height: 400px;
  border-radius: .25em .25em .4em .4em;
  text-align: center;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(-40px);
  -moz-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  -o-transform: translateY(-40px);
  transform: translateY(-40px);
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.cd-popup-trigger{display: block;}
.cd-popup-container .logo{padding-top: 8vh; overflow: hidden;}
.cd-popup-container .logo img{display: block; margin: auto; height: 50px; width: 50px; border-radius: 50%;}
.cd-popup-container .name{font-size: 18px; margin-top: 10px; color: #ffcaa7;}
.cd-popup-container .desc{color: #ffcaa7; font-size: 16px; margin-top: 10px;}
.cd-popup-container .rec{background: #fbdb2e; color: #603500; text-align: center; margin: 10px 20% 0 20%; padding: 10px 0; border-radius: 5px;}
.cd-popup-container .det{position: absolute; bottom: 5vh; margin-left: -50px; color: #ffcaa7;}
@media only screen and (max-width: 1920px) {
	.cd-popup-container{
		width: 250px;
	}	
}
.cd-popup-container .cd-popup-close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 30px;
  height: 30px;
}
.cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after {
  content: '';
  position: absolute;
  top: 12px;
  width: 14px;
  height: 3px;
  background-color: #fff;
}
/*xx*/
.cd-popup-container .cd-popup-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 8px;
}
.cd-popup-container .cd-popup-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 8px;
}